<template>
  <!-- <ul>
    <li>
      <router-link to="/register">Register</router-link>
    </li>
  </ul> -->
  <!-- <el-config-provider :locale="zhCh">
    <RouterView></RouterView>
  </el-config-provider> -->
  <el-config-provider :locale="elementLocales[locale]">
    <RouterView></RouterView>
  </el-config-provider>
</template>

<script setup>
// import zhCh from 'element-plus/dist/locale/zh-cn.mjs'
import { elementLocales } from '@/i18n'
const { locale } = useI18n()
locale.value = localStorage.getItem('locale') || 'zh-cn'
</script>
<style lang="scss">
html,body {
  height: 100%;
}
#app {
  height: 100%;
  overflow: hidden;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor {
  cursor: pointer;
}
</style>
